<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
    </head>
    <body>
        <div class="warp">
            <div class="main">
                <header>
                    <h2 class="main-title">列表标题</h2>
                    <div class="main-add">
                        <a href="javascript:;" class="blue-button" >添加</a>
                    </div>
                </header>

                <div class="main-serach">
                    <label>搜索</label>
                    <input type="text" class="input-leng1 search-input" />
                    <input type="submit" class="blue-button" />
                </div>

                <div class="list-table">
                    <table width="100%">
                        <tr>
                            <th>排序</th>
                            <th>ID</th>
                            <th>标题</th>
                            <th>发表时间</th>
                            <th>操作</th>
                        </tr>
                        <tr>
                            <td><input type="text" class="input-leng1" value="0" /></td>
                            <td>1</td>
                            <td>新模版发布</td>
                            <td>2014-09-09</td>
                            <td>
                                <a href="/form.html" class="blue-button">编辑</a>
                                <a href="" class="blue-button">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="text" class="input-leng1" value="0" /></td>
                            <td>2</td>
                            <td>新模版发布新模版发布新模版发布</td>
                            <td>2014-09-09</td>
                            <td>
                                <a href="/form.html" class="blue-button">编辑</a>
                                <a href="" class="blue-button">删除</a>
                            </td>
                        </tr>
                        <tr>
                            <td><input type="text" class="input-leng1" value="0" /></td>
                            <td>3</td>
                            <td>新模版发布</td>
                            <td>2014-09-09</td>
                            <td>
                                <a href="/form.html" class="blue-button">编辑</a>
                                <a href="" class="blue-button">删除</a>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="pagebar">
                    <span class="f_l f6" style="margin-right:10px; color:#999999;">总计<b>15</b>个记录</span>
                    <span class="page_now">1</span>
                    <a href="javascript:;">[2]</a>
                    <a href="javascript:;" class="next">下一页</a>
                    <a href="javascript:;" class="last">...最后一页</a>
                </div>

                <div class="btn_wrap">
                    <div class="btn_wrap_pd">
                        <button type="submit" class="blue-button">排序</button>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>